<!DOCTYPE html>
<html>
    <head>
        <title>Olimpiadas - Agregar Actividad</title>
        <!-- Bootstrap -->
        <link href="../assets/css/bootstrap.css" rel="stylesheet">
        <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
        <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="../assets/css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="../assets/css/docs.css" rel="stylesheet">
        <link href="../assets/js/google-code-prettify/prettify.css" rel="stylesheet">

        <link rel="stylesheet" href="../assets/css/flick/jquery-ui-1.9.2.custom.css" />
        <script src="../assets/js/jquery-1.8.2.js"></script>
        <script src="../assets/js/jquery-ui-1.9.2.custom.js"></script>

        <script>
            $(document).ready(function() {
                $( "#datepicker" ).datepicker({ 
                    minDate: 0,
                    maxDate: "+1Y",
                    dateFormat: "yy-mm-dd",
                    dayNames: ["Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado"],
                    dayNamesMin: ["Dom", "Lun", "Mar", "Mi", "Jue", "Vie", "Sab"],
                    monthNames: ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
                    monthNamesShort: ["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],
                    nextText: "Siguiente",
                    prevText: "Anterior"
                });
     
            });
        </script>
        <style>
            .Campo
            {
                width:350px;
            }
            input[type="button"]
            {
                margin-left:auto;
                margin-right: auto;
                display:block;
            }
            .Contenido
            {
                margin-left:50%;
                margin-right: 50%;
                margin-top: 15%;
            }
            .TextArea
            {
                width:25px;

            }
            .MensajeError{
                width:400px;
                position: absolute; 
                margin-top: 3px; 
                margin-left: 12%;
                visibility: hidden
            }

        </style>
    </head>
    <body onload="olimpiada_combo();">

        <!--Barra de navegación-->      
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="../vista/iniciar_sesion.html">Iniciar Sesi&oacute;n</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active"><a href="../vista/index.html">Inicio</a></li>
                            <li><a href="#about">Acerca de</a></li>
                            <li><a href="../vista/contacto.html">Contacto</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>

        <!--Sub head-->
        <header class="jumbotron subhead">
            <div class="container">
                <h1>Olimpiadas</h1>
                <p class="lead">Agregar una actividad
            </div>
        </header>

        <div class="container-fluid">
            <!--Columnas-->
            <div class="row-fluid">
                <div class="span2">
                    <div class="well sidebar-nav">
                        <ul class="nav nav-list">
                            <li class="dropdown-submenu nav-header">Actividades
                                <ul id="drop_categoria" class="dropdown-menu well pull-right">
                                    <li><a href="../vista/agregarActividad.html">Nueva actividad</a></li>
                                    <li><a href="#">Modificar actividad</a></li>
                                    <li><a href="#">Eliminar actividad</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Escuelas
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/agregarEscuela.html">Nueva escuela</a></li>
                                    <li><a href="#">Modificar datos</a></li>
                                    <li><a href="#">Borrar escuela</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Voluntarios
                                <ul class="dropdown-menu well pull-right">
                                  <li><a href="#">Nuevo grupo</a></li>
                                  <li><a href="#">Modificar grupo</a></li>
                                  <li><a href="#">Quitar grupo</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Organizadores
                                <ul class="dropdown-menu well pull-right">
                                  <li><a href="#">Nuevo organizador</a></li>
                                  <li><a href="#">Modificar datos</a></li>
                                  <li><a href="#">Quitar organizador</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Patrocinantes
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/agregarPatrocinante.html">Nuevo patrocinante</a></li>
                                    <li><a href="#">Modificar datos</a></li>
                                    <li><a href="#">Quitar patrocinante</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Archivos
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/agregarArchivo.html">Agregar archivo</a></li>
                                    <li><a href="#">Eliminar archivo</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div><!--/.well -->
                </div><!--/span-->
                <div class="span10" id="vista">
                    <div class="span4">
                        <div id="errorFecha" class="alert alert-error MensajeError" style="z-index: 6;" >
                            <button type="button" class="close" data-dismiss="alert">x</button>
                            <strong>Atenci&oacute;n:</strong>
                            La fecha de la actividad no puede ser vacia.
                        </div>
                        <div id="errorDescripcion" class="alert alert-error MensajeError" style="z-index: 5;" >
                            <button type="button" class="close" data-dismiss="alert">x</button>
                            <strong>Atenci&oacute;n:</strong>
                            La descripci&oacute;n de la actividad no puede ser vacia.
                        </div>
                        <div id="errorLugar" class="alert alert-error MensajeError" style="z-index: 4;" >
                            <button type="button" class="close" data-dismiss="alert">x</button>
                            <strong>Atenci&oacute;n:</strong>
                            El lugar de la actividad no puede ser vacio.
                        </div>
                        <div id="errorHora" class="alert alert-error MensajeError" style="z-index: 3;" >
                            <button type="button" class="close" data-dismiss="alert">x</button>
                            <strong>Atenci&oacute;n:</strong>
                            La hora de la actividad no puede ser vacia.
                        </div>
                        <div class="Contenido" id="Formulario_Actividad">
                            <table>
                                <tr>
                                    <td><label>Olimpiada:</label></td>
                                    <td id="OlimpiadaOrg"></td>
                                </tr>
                                <tr>
                                    <td><label>Fecha:</label></td>
                                    <td><input type="text" id="datepicker" class="Campo"
                                               placeholder="Fecha de la actividad"/></td>
                                </tr>
                                <tr>
                                    <td><label>Actividad:</label></td>
                                    <td>
                                        <input type="text" id="Adescripcion" class="Campo"
                                               placeholder="Describa aqui la actividad a realizar">
                                    </td>
                                </tr>
                                <tr>
                                    <td><label>Lugar:</label></td>
                                    <td><input type="text" id="Alugar" class="Campo"
                                               placeholder="Describa aqui la actividad a realizar">
                                    </td>
                                </tr>
                                <tr>
                                    <td><label>Hora:</label></td>
                                    <td>
                                        <input type="time" id="Ahora" class="input-small"> 
                                        <em class="muted">Formato de tiempo: 24 Hrs.</em>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td><input type="submit" class="btn" 
                                               value="Agregar actividad"
                                               onclick="Agregar_Actividad();"></td>
                                </tr>
                            </table>
                        </div>
                    </div>


                </div>
            </div>

            <hr>

            <footer>
                <p>&copy; Company 2012</p>
            </footer>

        </div>

        <!---<h1>Hello, world!</h1>-->
        <script src="../assets/js/bootstrap.min.js"></script>
        <script src="../assets/js/bootstrap-transition.js"></script>
        <script src="../assets/js/bootstrap-alert.js"></script>
        <script src="../assets/js/bootstrap-modal.js"></script>
        <script src="../assets/js/bootstrap-dropdown.js"></script>
        <script src="../assets/js/bootstrap-scrollspy.js"></script>
        <script src="../assets/js/bootstrap-tab.js"></script>
        <script src="../assets/js/bootstrap-tooltip.js"></script>
        <script src="../assets/js/bootstrap-popover.js"></script>
        <script src="../assets/js/bootstrap-button.js"></script>
        <script src="../assets/js/bootstrap-collapse.js"></script>
        <script src="../assets/js/bootstrap-carousel.js"></script>
        <script src="../assets/js/bootstrap-typeahead.js"></script>
        <script src="../assets/js/Agregar.js" type="text/javascript"></script>
        
        <script src="../assets/js/listado_categoria.js" type="text/javascript"></script>
    </body>
</html>